<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
    <%@ include file="/view/common/tags.jsp"%>
    <style>
    	body{background:#f1f1f1;height:100%;}
		td,th {border: 1px solid #ccc;padding: 4px 20px;}
	</style>
</head>
<body>
<section class="content-header">
    <h1>
        <small></small>
    </h1>
</section>
<!-- Main content -->
<section class="content">

<!-- PAGE HEADER-->
	<!-- /PAGE HEADER -->
	<!-- DASHBOARD CONTENT -->
    <section class="content animated bounce">
	<div class="row">
		<if condition="$role_type lt 4">
                  <div class="col-xs-6">
                      <!-- small box -->
                      <div class="small-box bg-green">
                              <div class="inner" style="text-align: center;">
                                  <h3 id="todayOrders">1</h3>
                                  <p>今日订单总数</p>
                              </div>
                              <div class="icon">
                                  <i class="ion ion-stats-bars"></i>
                              </div>
                              <a href="#" class="small-box-footer"> <i class="fa fa-arrow-circle-right"></i></a>
                      </div>
                  </div>
                <div class="col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-aqua">
                        <div class="inner" style="text-align: center;">
                            <h3  id="unFinished">150</h3>
                            <p> 未完成数</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-bag"></i>
                        </div>
                        <a href="#" class="small-box-footer"> <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
		</if>
	  <!-- /COLUMN 1 -->
	</div>
    </section>
<!-- /.row -->
<!-- Main row -->
<!-- Left col -->
        <div id="container" style="text-align:center;">
            <h1 class="animated bounce" style="font-size:42px;color:#666; font-weight: bold; font-family: 'Microsoft YaHei'">欢迎来到网游宝流放之路管理中心</h1>
        </div>
<!-- /.row (main row) -->
</section>
<!-- ./wrapper -->
    <!-- Bootstrap 3.3.6 -->
    <script src="${sysManagerV1}/content/ui/global/bootstrap/js/bootstrap.min.js"></script>
    <script src="${sysManagerV1}/content/min/js/supershopui.common.js"></script>
    <!-- Sparkline -->
</body>
<script type="text/javascript">

$(function(){
	// init();
});
function init(){
	$.ajax({
        url: "${sysManagerV1}/order/orderStatistics",
        type: "post",
        dataType: "json",
        success: function(map) {
       		$('#todayOrders').html(map.todayOrders); 
       		$('#unFinished').html(map.unFinished);
        }
    });
}
</script>
</html>